<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/head.jsp"%>
<div class="header">
	<div class="stats">
		<p class="stat">
			<span class="number">53</span>tickets
		</p>
		<p class="stat">
			<span class="number">27</span>tasks
		</p>
		<p class="stat">
			<span class="number">15</span>waiting
		</p>
	</div>

	<h1 class="page-title">Dashboard</h1>
</div>

<ul class="breadcrumb">
	<li><a href="./resources/bootstrap/Bootstrap Admin.htm">Home</a> <span
		class="divider">/</span></li>
	<li class="active">Dashboard</li>
</ul>

<div class="container-fluid">
	<div class="row-fluid">


		<div class="row-fluid">



			<div class="block">
				<a
					href="http://portnine.com/bootstrap/BlueNileAdmin/build/index.html#page-stats"
					class="block-heading" data-toggle="collapse">Latest Stats</a>
				<div id="page-stats" class="block-body collapse in">

					<div class="stat-widget-container">
						<div class="stat-widget">
							<div class="stat-button">
								<p class="title">2,500</p>
								<p class="detail">Accounts</p>
							</div>
						</div>

						<div class="stat-widget">
							<div class="stat-button">
								<p class="title">3,299</p>
								<p class="detail">Subscribers</p>
							</div>
						</div>

						<div class="stat-widget">
							<div class="stat-button">
								<p class="title">$1,500</p>
								<p class="detail">Pending</p>
							</div>
						</div>

						<div class="stat-widget">
							<div class="stat-button">
								<p class="title">$12,675</p>
								<p class="detail">Completed</p>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>

		<div class="row-fluid">
			<div class="block span6">
				<a
					href="http://portnine.com/bootstrap/BlueNileAdmin/build/index.html#tablewidget"
					class="block-heading" data-toggle="collapse">Users<span
					class="label label-warning">+10</span></a>
				<div id="tablewidget" class="block-body collapse in">
					<table class="table">
						<thead>
							<tr>
								<th>First Name</th>
								<th>Last Name</th>
								<th>Username</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>Mark</td>
								<td>Tompson</td>
								<td>the_mark7</td>
							</tr>
							<tr>
								<td>Ashley</td>
								<td>Jacobs</td>
								<td>ash11927</td>
							</tr>
							<tr>
								<td>Audrey</td>
								<td>Ann</td>
								<td>audann84</td>
							</tr>
							<tr>
								<td>John</td>
								<td>Robinson</td>
								<td>jr5527</td>
							</tr>
							<tr>
								<td>Aaron</td>
								<td>Butler</td>
								<td>aaron_butler</td>
							</tr>
							<tr>
								<td>Chris</td>
								<td>Albert</td>
								<td>cab79</td>
							</tr>
						</tbody>
					</table>
					<p>
						<a
							href="http://portnine.com/bootstrap/BlueNileAdmin/build/users.html">More...</a>
					</p>
				</div>
			</div>
			<div class="block span6">
				<a
					href="http://portnine.com/bootstrap/BlueNileAdmin/build/index.html#widget1container"
					class="block-heading" data-toggle="collapse">Collapsible </a>
				<div id="widget1container" class="block-body collapse in">
					<h2>Using Ruby?</h2>
					<p>
						This template was developed with <a
							href="http://middlemanapp.com/" target="_blank">Middleman</a> and
						includes .erb layouts and views.
					</p>
					<p>All of the views you see here (sign in, sign up, users, etc)
						are already split up so you don't have to waste your time doing it
						yourself!</p>
					<p>The layout.erb file includes the header, footer, and side
						navigation and all of the views are broken out into their own
						files.</p>
					<p>If you aren't using Ruby, there is also a set of plain HTML
						files for each page, just like you would expect.</p>
				</div>
			</div>
		</div>

		<div class="row-fluid">
			<div class="block span6">
				<div class="block-heading">
					<span class="block-icon pull-right"> <a
						href="http://portnine.com/bootstrap/BlueNileAdmin/build/index.html#"
						class="demo-cancel-click" rel="tooltip"
						data-original-title="Click to refresh"><i class="icon-refresh"></i></a>
					</span> <a
						href="http://portnine.com/bootstrap/BlueNileAdmin/build/index.html#widget2container"
						data-toggle="collapse">History</a>
				</div>
				<div id="widget2container" class="block-body collapse in">
					<table class="table list">
						<tbody>
							<tr>
								<td>
									<p>
										<i class="icon-user"></i> Mark Otto
									</p>
								</td>
								<td>
									<p>Amount: $1,247</p>
								</td>
								<td>
									<p>Date: 7/19/2012</p> <a
									href="http://portnine.com/bootstrap/BlueNileAdmin/build/index.html#">View
										Transaction</a>
								</td>
							</tr>
							<tr>
								<td>
									<p>
										<i class="icon-user"></i> Audrey Ann
									</p>
								</td>
								<td>
									<p>Amount: $2,793</p>
								</td>
								<td>
									<p>Date: 7/12/2012</p> <a
									href="http://portnine.com/bootstrap/BlueNileAdmin/build/index.html#">View
										Transaction</a>
								</td>
							</tr>
							<tr>
								<td>
									<p>
										<i class="icon-user"></i> Mark Tompson
									</p>
								</td>
								<td>
									<p>Amount: $2,349</p>
								</td>
								<td>
									<p>Date: 3/10/2012</p> <a
									href="http://portnine.com/bootstrap/BlueNileAdmin/build/index.html#">View
										Transaction</a>
								</td>
							</tr>
							<tr>
								<td>
									<p>
										<i class="icon-user"></i> Ashley Jacobs
									</p>
								</td>
								<td>
									<p>Amount: $1,192</p>
								</td>
								<td>
									<p>Date: 1/19/2012</p> <a
									href="http://portnine.com/bootstrap/BlueNileAdmin/build/index.html#">View
										Transaction</a>
								</td>
							</tr>

						</tbody>
					</table>
				</div>
			</div>
			<div class="block span6">
				<p class="block-heading">Not Collapsible</p>
				<div class="block-body">
					<h2>Built with Less</h2>
					<p>The CSS is built with Less. There is a compiled version
						included if you prefer plain CSS.</p>
					<p>Fava bean jícama seakale beetroot courgette shallot amaranth
						pea garbanzo carrot radicchio peanut leek pea sprouts arugula
						brussels sprout green bean. Spring onion broccoli chicory shallot
						winter purslane pumpkin gumbo cabbage squash beet greens lettuce
						celery. Gram zucchini swiss chard mustard burdock radish brussels
						sprout groundnut. Asparagus horseradish beet greens broccoli
						brussels.</p>
					<p>
						<a class="btn btn-primary btn-large">Learn more »</a>
					</p>
				</div>
			</div>
		</div>



		<footer>
			<hr>

			<!-- Purchase a site license to remove this link from the footer: http://www.portnine.com/bootstrap-themes -->
			<p class="pull-right">
				A <a href="http://www.portnine.com/bootstrap-themes" target="_blank">Free
					Bootstrap Theme</a> by <a href="http://www.portnine.com/"
					target="_blank">Portnine</a>
			</p>

			<p>
				© 2012 <a href="http://www.portnine.com/" target="_blank">Portnine</a>
			</p>
		</footer>

	</div>
</div>


</body>
</html>
<script type="text/javascript">
	$(document).ready(
			function() {
				$('#centerFrame', $(parent.document.body)).attr("height",
						$(document).height());
			})
</script>
